<template>
    <div>
      <Nav></Nav>
      <Shopnav></Shopnav>

      <div class="cont">
        <img src="/static/lyl/weikong.png" alt="">
        <div class="cont-right">
          <p>您的购物车是空的</p>
          <router-link to="/">
            <button>去首页看看</button>
          </router-link>
        </div>
      </div>

      <Footer></Footer>
    </div>
</template>

<script>
  import Nav from '../com/Nav'
  import Footer from '../com/Footer'
  import Shopnav from './Shopnav'
    export default {
      name: "Shopno",
      components:{
        Nav,
        Footer,
        Shopnav
      }
    }
</script>

<style scoped>
   .cont{
     padding: 200px 0;
     display: flex;
     justify-content: center;
   }
   .cont .cont-right{
     margin-left: 30px;
   }
   .cont .cont-right p{
     font-size: 20px;
     color: #666;
     line-height: 36px;
     margin-bottom: 30px;
   }
   .cont .cont-right button{
     width: 170px;
     height: 40px;
     font-size: 18px;
     color: #fff;
     background: #ec6a17;
     border-radius: 5px;
     cursor: pointer;
   }
</style>
